// pages/login/mobie/index.ts
import createRouter from "../../../router/routers"
import Api from "../../api/index"
const api = new Api()

Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		phone: '',
		code: '',
		codeText: "获取验证码",
		isclick: true,
		codeColor: "#999999"
	},
	// 输入手机号
	inputPhone() {
		this.setData({
			codeColor: this.testPhone() ? "#25D1CE" : "#999999"
		})
	},
	// 倒计时
	countdown() {
		if (this.data.isclick && this.testPhone()) {
			this.setData({
				isclick: false
			})
			let count = 60;
			let timer = setInterval(() => {
				count--;
				if (count == 0) {
					clearInterval(timer)
					this.setData({
						codeText: "获取验证码",
						isclick: true
					})
				} else {
					this.setData({
						codeText: `${count}s`
					})
				}
			}, 1000)
		} else if (!this.testPhone()) {
			wx.showToast({
				title: '请输入正确手机号',
				icon: 'none'
			})
		} else {
			console.log('不能点击')
		}
	},
	inputCode() {
		// console.log(this.data.code)
	},
	// 手机号校验
	testPhone() {
		if ((/^1[345789]\d{9}$/.test(this.data.phone))) {
			return true
		} else {
			return false
		}
	},
	// 验证码校验
	testCode() {
		if (this.data.code.length < 6) {
			return false
		} else {
			return true
		}
	},
	// 登录
	mobieLogin() {
		if (!this.testPhone()) {
			wx.showToast({
				title: "请输入正确手机号",
				icon: 'none'
			})
		} else if (!this.testCode()) {
			wx.showToast({
				title: "请输入验证码",
				icon: 'none'
			})
		} else {
			let params = {
				phone: this.data.phone,
				password: this.data.code
			}
			api.login(params).then((res: any) => {
				// 将token存储在缓存中
				wx.setStorageSync("t", res.token)
				createRouter().switchTab('/home')
			})
		}
	},
	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad() {

	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady() {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow() {
		this.setData({
			isclick: true,
			codeText: "获取验证码"
		})
	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide() {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload() {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh() {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom() {

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage() {

	}
})